<template>
  <view>
    <!-- 
       添加两个类名
         iconfont    字体家族
         icon-xx     图标类名
    -->
    <text class="iconfont icon-bangqiu"></text>
    <text class="iconfont icon-huabing"></text>

    <!-- 用 uni-icons 组件也可以  -->
    <uni-icons size="100rpx" custom-prefix="iconfont" type="icon-lanqiu" />
    <uni-icons size="30" custom-prefix="iconfont" type="icon-zuqiu" />

    <!-- uni-icons 也有自带的图标
    <!-- <uni-icons size="30" type="staff-filled"></uni-icons> -->
  </view>
</template>

<script setup></script>

<style lang="scss">
  @import '@/static/fonts/iconfont.css';

  .iconfont {
    font-size: 100rpx;
    color: pink;
  }
</style>
